<template>
    <div>
        <div class="title">-主题活动-</div>
        <div class="content">
            <div>
                <h4 class="til">国庆出境游</h4>
                <p class="desc">十一出游指南</p>
                <img class="img"src="https://img1.qunarzz.com/qs/1808/3b/424c89ec15d1dd02.png">
            </div>
            <div>
                <h4 class="til">国庆出境游</h4>
                <p class="desc">十一出游指南</p>
                <img class="img"src="https://img1.qunarzz.com/qs/1808/dd/e985bb335008c502.png">
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },


}

</script>
<style lang='stylus' scoped>
.title
    line-height: 30px
    background: #eee
    text-indent: .2rem
    font-size :.30rem
    text-align:center
.content
    display:flex
    flex-direction :row
    margin-top:4px
    .img
        width: 170px
        height:105px
        margin-right:5px
        margin-left:10px
    
    .til
        position: absolute
        margin-top:20px
        margin-left:30px
        line-height: 20px
        font-size: 16px
    .desc
        position: absolute
        margin-top:50px
        margin-left:30px
        line-height: 20px
        font-size: 12px
           
</style>